{% extends '../common/main.html' %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>list</title>
</head>
<body>
    <h1>个人投诉列表</h1>
    {% block body %}
    <div id="background_1">
        <br><br>
        <div style="position: -webkit-sticky;position: sticky;top:5%;max-width: 90%;margin:0 auto;">
            {% for complain in complains %}
            <div class="card">
                <h5 class="card-header">{{ complain.user }}</h5>
                <div class="card-body">
                <h5 class="card-title">{{ complain.title }}</h5>
                <p class="card-text">{{ complain.content }}</p>
                <form action="/customer/detail" method="get">
                    <input type="hidden" name="title" value={{ complain.title }}>
                    <br>
                    <button type="submit" class="btn btn-primary float-right" style="display: inline">详细</button>
                </form>
                </div>
            {% endfor %}
            </div>
        </div>
    </div>
    {% endblock %}
</body>
</html>